-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (31 loc) · 1.59 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> read more expanding hover animation with html css only</title>
<!--Stylling Sheet-->
<link rel="stylesheet" href="Assets/style.css">
</head>
<body>
<div class="ReadMore">
<div class="accordion">
<a href="" class="accordion-toggle">Read more</a>
<div class="accordion-content">
<div class="accordion-inner">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis suscipit hic, fugit assumenda dolores consequuntur asperiores aperiam veritatis in. Voluptates, blanditiis. Quia non reprehenderit, nulla quidem aperiam laboriosam iure reiciendis.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni quisquam expedita nulla provident ipsa deleniti ea praesentium esse? Nisi vero temporibus natus consequuntur dicta ducimus at sapiente maxime non provident, repellat iste minima dignissimos est culpa voluptatibus nobis mollitia atque aspernatur adipisci necessitatibus dolor accusamus praesentium aperiam. Facere, quis quasi!
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, quo harum laborum quibusdam iure reiciendis nulla sit cum ipsa facilis mollitia non recusandae repellat ipsam. Nemo dolorum vero minima corrupti!
</p>
</div>
</div>
</div>
</div>
</body>
</html>